/*
 * Copyright (c) 2013, Juergen Bocklage-Ryannel, Johan Thelin
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *     * Redistributions of source code must retain the above copyright
 *       notice, this list of conditions and the following disclaimer.
 *     * Redistributions in binary form must reproduce the above copyright
 *       notice, this list of conditions and the following disclaimer in the
 *       documentation and/or other materials provided with the distribution.
 *     * Neither the name of the editors nor the
 *       names of its contributors may be used to endorse or promote products
 *       derived from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

// gridsystem.qml

import QtQuick 2.5

BrightSquare {
    id: root
    width: 800
    height: 680

    DarkSquare {
        id: container
        width: 800
        height: 480
        property int marginTop: 16
        property int marginRight: 32
        property int marginBottom: marginTop
        property int marginLeft: marginRight
        property int columns: 12
        property int rows: 8
        property int spacing: 12
//        property int cellWidth: (width-marginLeft-marginRight-(columns-1)*spacing)/columns
//        property int cellHeight: (height-marginTop-marginBottom-(rows-1)*spacing)/rows
        property int cellWidth: 64
        property int cellHeight: 64

        Grid {
            anchors.fill: parent
            anchors.topMargin: parent.marginTop
            anchors.rightMargin: parent.marginRight
            anchors.bottomMargin: parent.marginBottom
            anchors.leftMargin: parent.marginLeft
            spacing: parent.spacing
            columns: parent.columns
            Repeater {
                model: container.columns * container.rows
                RedSquare {
                    width: container.cellWidth
                    height: container.cellHeight
                }
            }
        }

        Component.onCompleted: {
            print('width=', cellWidth)
            print('cellHeight=', cellHeight)
        }
    }


}
